<template>
  <div class="sdaas">
    <!-- 标题 -->
    <div class="biaoti">
      {{ content.title }}
    </div>
    <!-- 内容 -->
    <div class="neirong">
      {{ content.message }}
    </div>
  </div>
</template>

<script>
export default {
  name: "ContentDetails",
  mounted() {
    this.$nextTick(function () {
      if (!this.content) {
        this.$router.go(-1);
      }
    });
  },
  props: ["content"],
};
</script>

<style scoped>
.sdaas {
  background-color: rgba(238, 238, 238, 0.808);
  width: calc(100% - 20px);
  margin: 5px 10px;
  border-radius: 10px;
}
.biaoti {
  font-size: 28px;
  font-weight: 600;
  margin: 10px 5px 20px 5px;
}

.neirong {
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.1em;
}
</style>